
import React, { Component } from 'react';

// import './index.css'

import Item from './Item'

export default class index extends Component {

    render() {

        // console.log("List")

        // console.log(this)

        const {todos,Deletetodo,finishedChange}=this.props

        return (

            <ul className="todo-main">

                {

                    todos.map(

                        todo =>{

                            return (<Item key={todo.id} {...todo} Deletetodo={Deletetodo} finishedChange={finishedChange} />)

                        }  

                    )

                }              

            </ul>

        )

    }

}
